<#compress>
<!doctype html>
<html>
<head>
    <title>餐饮预订</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=320, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css"
          href="${ctx}/static/mobileweb/scripts/flexslider/flexslider.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/mobileweb/css/cateringOrder.css">

</head>
<body>
<div class="tipsDiv tipsMsg" id="tipsDiv"></div>

<input type="hidden" name="brandId" id="brandId" value="${brand.id}"/>
<input type="hidden" name="mid" id="mid" value="${mid}"/>
<input type="hidden" name="wxno" id="wxno" value="${wxno}"/>
<input type="hidden" name="ctx" id="ctx" value="${ctx}"/>

<div class="page">
    <div class="header">
        <!-- 头部图片轮循 -->
        <div class="flexslider">
            <ul class="slides">
                <#if pics??>
                    <#list pics as pic>
                        <li>
                            <img src="${ctx}${pic}" />
                        </li>
                    </#list>
                <#else>
                    <li>
                        <img src="${ctx}/static/mobileweb/images/share.png" />
                    </li>
                </#if>
            </ul>
        </div>

        <div class="header-title">
            <div class="header-location">
                <img src="${ctx}/static/mobileweb/images/cateringOrder/location.png" />
                <span>位置：${brand.fname!}&nbsp;&nbsp;${brand.location!}</span>
            </div>
            <div class="header-care">
                <img src="${ctx}/static/mobileweb/images/cateringOrder/heart.png" />
                <#if brandStat??>
                    <span>${brandStat.likes!}</span>
                <#else>
                    <span>0</span>
                </#if>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="center">
            <div class="center-header">
                <div class="center-header-left">
                    <div class="l1">
                    ${brand.name!}
                    </div>
                    <div class="l2">
                        <img src="${ctx}/static/mobileweb/images/cateringOrder/money.png" />
                        <span>人均消费：</span>
                        <span class="money">￥${brand.consumption!}</span>
                    </div>
                </div>
                <div class="center-header-right">
                    <#if brand.contact??>
                        <img src="${ctx}/static/mobileweb/images/cateringOrder/call.png" id="phone-call" data-phone="${brand.contact!}"/>
                    <#else>
                        <img src="${ctx}/static/mobileweb/images/ktvOrder/nocall.png"/>
                    </#if>

                    <span>&nbsp;</span>
                </div>
            </div>

            <div class="center-form1">
                <div class="form-item">
                    <img src="${ctx}/static/mobileweb/images/cateringOrder/personcount.png" />
                    <span>就餐人数</span>
                    <div class="number-picker" width="120" style="margin-left: 20px;"></div>
                    <input type="hidden" style="text-align: center;" name="meal_num" id="meal_num">
                </div>
                <div class="form-item">
                    <img src="${ctx}/static/mobileweb/images/cateringOrder/calendar.png" />
                    <span>预订时间</span>
                    <input type="date" style="text-align: center;" name="booking_date" id="booking_date">
                </div>
                <div class="form-item">
                    <img src="${ctx}/static/mobileweb/images/cateringOrder/cup.png" />
                    <span>预订市别</span>
                    <select style="text-align: center;" name="category">
                        <#if diningMarkets??>
                            <#list diningMarkets as k>
                                <option value="${k.id}">${k.name}</option>
                            </#list>
                        </#if>
                    </select>
                </div>
            </div>

            <div class="center-form2">
                <div class="form-item">
                    <img src="${ctx}/static/mobileweb/images/cateringOrder/person.png" />
                    <span>预订姓名</span>
                    <input type="text" name="name" id="name" style="text-align: center;">
                </div>
                <div class="form-item">
                    <img src="${ctx}/static/mobileweb/images/cateringOrder/phone.png" />
                    <span>预订手机</span>
                    <input type="tel" name="phone" id="phone" style="text-align: center;">
                </div>
            </div>

        </div>

        <div class="footer">
            <div class="button" id="book_btn">
                立即预订
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
        src="${ctx}/static/mobileweb/scripts/flexslider/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/noty/jquery.noty.min.js"></script>
<script type="text/javascript">
    var _g = {
        ctx : '${ctx}',
        ok_link : '${ctx}/mobileweb/dining/ok?mid=${mid}&wxno=${wxno}'
    }
</script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/p/cateringOrder.js"></script>

</html>
</#compress>